iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
自我挑戰組

TypeScript 從0開始系列 第 1

D1 - 緣起、開發環境介紹

  • 分享至 

  • xImage
  •  

緣起

去年和公司前端合作開發了一個SPA(Single Page Application) project,對於全端工程師來講,終於有個project不用從頭到尾都自己完成,是一個全新的體驗。前陣子因為要延伸這個project的某些內容,和前端同事有更深刻的討論,也明白自己對JavaScript相關的知識不夠充分,想藉由這次鐵人賽來學習。

實作的部分,我想開發一個最適合自己的記帳工具。

關於記帳,我試過各種方法:

  • 紙本紀錄
  • Google表單
  • Apple捷徑
  • Moze 3.0 APP

但我一直沒能試出一個我心目中最順手好用的工具(也許做了就甘願妥協也不一定 XD)

開發環境

想做全端、想寫JS,第一個想到的就是Node.js。它免錢、開源、跨平台,還可以在server side寫JS,相當符合我這次鐵人賽的目標。

接下來依照W3Schools的介紹,把我的理解寫上來。

Node.js可以做到的事:

  • 可以生成動態網頁
  • 可以操作server上的檔案
  • 可以蒐集form中的資料
  • 可以操作database

什麼是Node.js檔案:

  • Node.js檔存有 在事件發生時要執行的事項
  • 一個事件通常是指 有人要存取server上的某一個port
  • Node.js檔在執行前 要經過server初始化
  • Node.js的副檔名為 ".js"

Node.js

先到官網下載,目前建議使用的是v18.17.1
貼一下安裝的路徑,避免以後忘記 XD
https://ithelp.ithome.com.tw/upload/images/20230903/20160553l2fcfBK5Bb.png

裝完收工!

參考資料
https://www.w3schools.com/nodejs/nodejs_intro.asp
https://nodejs.org/en


下一篇
D2 - 使用VSCode開發、官方範例解析
系列文
TypeScript 從0開始21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言